<template>
  <transition name="fade">
    <div class="view" v-drag>
      <off-btn class="btn" @off="$emit('off')"></off-btn>
      <span v-html="comments"></span>
    </div>
  </transition>
</template>

<script>
import offBtn from "../../../info/offBtn.vue"
export default {
  name: 'Win',

  data() {
    return {
      
    };
  },

  props:{
    // 被查阅的评论信息
    comments: {
      type: String,
      default: ''
    }
  },

  mounted() {
    
  },

  methods: {
    
  },

  components: {
    offBtn
  }
};
</script>

<style scoped>
.view{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  min-width: 200px;
  max-width: 400px;
  padding: 20px;
  background-color: white;
  border: 1px solid gray;
  box-shadow: 0 0 4px gray;
  border-radius: 10px;
}
.view .btn{
  position: absolute;
  top: 0;
  right: 0;
}
</style>